<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../lib/xm-select.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/information.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body class="information">
    <use-body>
        <div class="page-body layout-left-menu">

            <!-- 左边菜单 -->
            <div class="side">
                <div class="back-page">
                    <i class="iconfont use-arrow"></i> 返回资料大厅
                </div>

                <div class="layui-panel">
                    <ul class="layui-menu" id="demo-menu">
                        <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                            <div class="layui-menu-body-title">企业资料</div>
                            <ul>
                                <li>
                                    <div class="layui-menu-body-title">收藏的</div>
                                </li>
                                <li class="layui-menu-item-checked">
                                    <div class="layui-menu-body-title">收藏的</div>
                                </li>
                            </ul>
                        </li>
                        <li class="layui-menu-item-divider"></li>
                        <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                            <div class="layui-menu-body-title">项目小组</div>
                            <ul>
                                <li>
                                    <div class="layui-menu-body-title">项目小组A</div>
                                </li>
                                <li>
                                    <div class="layui-menu-body-title">项目小组B</div>
                                </li>
                                <li>
                                    <div class="layui-menu-body-title">项目小组C</div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 主体 -->
            <div class="page-border ">
                <div class="layui-tab layui-tab-brief" lay-filter="tab">
                    <ul class="layui-tab-title">
                        <li class="layui-this">全部资料</li>
                        <li>我上传的</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="layout-info-lr">
                                <div class="col">
                                    <!-- 工具栏 -->
                                    <form class="layui-form layui-row">
                                        <div class="table-toolbar small">
                                            <div class="left">
                                                <button type="button" class="layui-btn layui-btn-radius">
                                                    <i class="iconfont use-shangchuan"></i>
                                                    上传
                                                </button>
                                                <button type="button"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-down"></i>
                                                    下载
                                                </button>
                                                <button type="button" lay-on="auth"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-limits"></i>
                                                    权限
                                                </button>
                                                <button type="button"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-delete"></i>
                                                    删除
                                                </button>
                                                <button type="button" lay-on="new-file"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-new-built"></i>
                                                    新建文件夹
                                                </button>

                                            </div>
                                            <div class="right">
                                                <div class="layui-input-wrap">
                                                    <select>
                                                        <option value="">请选择</option>
                                                        <option value="AAA">选项 A</option>
                                                        <option value="BBB">选项 B</option>
                                                        <option value="CCC">选项 C</option>
                                                    </select>
                                                </div>
                                                <div class="layui-input-wrap">
                                                    <div class="layui-input-prefix">
                                                        <i class="iconfont  use-search"></i>
                                                    </div>
                                                    <input style="width: 230px;" type="text" name="A" value=""
                                                        placeholder="Search..." class="layui-input" lay-affix="clear">
                                                </div>
                                                <button style="margin-left: 10px;" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit
                                                    lay-filter="demo-table-search">
                                                    <i class="iconfont  use-search"></i>搜索
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                    <!--  表格 -->
                                    <table class="layui-hide" id="ID-table-demo-data"></table>

                                </div>
                                <div class="col">
                                    <div class="info-details">
                                        <div class="title">资料详情</div>

                                        <!-- 未选择状态 -->
                                        <div class="empty" style="display: none;">
                                            <i class="iconfont use-information"></i>
                                            <p>选中文件/文件夹，查看详情</p>
                                        </div>
                                        <!-- 选择一个文件夹 -->
                                        <div class="word-details" style="display: none;">
                                            <div>
                                                <div>
                                                    <span>共选中1个文件夹</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 选择一个文件 -->
                                        <div class="word-details">
                                            <div class="file">
                                                <img src="../../static/images/word-big.png" alt="">
                                                <p>资料名称.docx</p>
                                            </div>
                                            <div>
                                                <div class="title">基本信息</div>
                                                <div>
                                                    <span>文件类型：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件格式：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件大小：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>上传时间：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>上传人员：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>查看权限：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件简述：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>关 键 词：</span><span>我是文件的关键词</span>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="title">数据信息</div>
                                                <div>
                                                    <span>预览次数：</span><span>45次</span>
                                                </div>
                                                <div>
                                                    <span>下载次数：</span><span>45次</span>
                                                </div>
                                                <div>
                                                    <span>笔记数量：</span><span>45次</span>
                                                </div>
                                            </div>
                                            <div style="margin-bottom: 0;">
                                                <a href="javascript:;" class="layui-font-blue"
                                                    lay-on="details-layer">查看详细记录</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item">
                            <div class="layout-info-lr">
                                <div class="col">
                                    <!-- 工具栏 -->
                                    <form class="layui-form layui-row">
                                        <div class="table-toolbar small">
                                            <div class="left">
                                                <button type="button" class="layui-btn layui-btn-radius">
                                                    <i class="iconfont use-shangchuan"></i>
                                                    上传
                                                </button>
                                                <button type="button"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-down"></i>
                                                    下载
                                                </button>
                                                <button type="button" lay-on="auth"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-limits"></i>
                                                    权限
                                                </button>
                                                <button type="button"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-delete"></i>
                                                    删除
                                                </button>
                                                <button type="button" lay-on="new-file"
                                                    class="layui-btn layui-btn-primary layui-btn-radius">
                                                    <i class="iconfont use-new-built"></i>
                                                    新建文件夹
                                                </button>

                                            </div>
                                            <div class="right">
                                                <div class="layui-input-wrap">
                                                    <select>
                                                        <option value="">请选择</option>
                                                        <option value="AAA">选项 A</option>
                                                        <option value="BBB">选项 B</option>
                                                        <option value="CCC">选项 C</option>
                                                    </select>
                                                </div>
                                                <div class="layui-input-wrap">
                                                    <div class="layui-input-prefix">
                                                        <i class="iconfont  use-search"></i>
                                                    </div>
                                                    <input style="width: 230px;" type="text" name="A" value=""
                                                        placeholder="Search..." class="layui-input" lay-affix="clear">
                                                </div>
                                                <button class="layui-btn layui-btn-primary layui-btn-radius" lay-submit
                                                    lay-filter="demo-table-search">
                                                    <i class="iconfont  use-search"></i>搜索
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                    <!--  表格 -->
                                    <table class="layui-hide" id="ID-table-demo-data2"></table>

                                </div>
                                <div class="col">
                                    <div class="info-details">
                                        <div class="title">资料详情</div>

                                        <!-- 未选择状态 -->
                                        <div class="empty" style="display: none;">
                                            <i class="iconfont use-information"></i>
                                            <p>选中文件/文件夹，查看详情</p>
                                        </div>
                                        <!-- 选择一个文件夹 -->
                                        <div class="word-details" style="display: none;">
                                            <div>
                                                <div>
                                                    <span>共选中1个文件夹</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 选择一个文件 -->
                                        <div class="word-details">
                                            <div class="file">
                                                <img src="../../static/images/word-big.png" alt="">
                                                <p>资料名称.docx</p>
                                            </div>
                                            <div>
                                                <div class="title">基本信息</div>
                                                <div>
                                                    <span>文件类型：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件格式：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件大小：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>上传时间：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>上传人员：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>查看权限：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>文件简述：</span><span>合同文件</span>
                                                </div>
                                                <div>
                                                    <span>关 键 词：</span><span>我是文件的关键词</span>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="title">数据信息</div>
                                                <div>
                                                    <span>预览次数：</span><span>45次</span>
                                                </div>
                                                <div>
                                                    <span>下载次数：</span><span>45次</span>
                                                </div>
                                                <div>
                                                    <span>笔记数量：</span><span>45次</span>
                                                </div>
                                            </div>
                                            <div style="margin-bottom: 0;">
                                                <a href="javascript:;" class="layui-font-blue"
                                                    lay-on="details-layer">查看详细记录</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </use-body>

    <!-- 移动弹窗 -->
    <div id="move-layer" style="display: none;">
        <div class="dialog">
            <form class="layui-form" action="">
                <div class="layui-row">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">移动到</label>
                        <div class="layui-input-block" style="width: 520px;">
                            <select lay-verify="required">
                                <option value="">请选择</option>
                                <option value="AAA">选项 A</option>
                                <option value="BBB">选项 B</option>
                                <option value="CCC">选项 C</option>
                            </select>
                        </div>
                    </div>
                </div>

            </form>

            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 删除弹窗 -->
    <div id="del-layer" style="display: none;">
        <div class="dialog" style="width: 540px;">
            <div class="confirm-dialog">
                <img class="icon" src="../../static/images/warn.png" alt="">
                <div>
                    <div class="title"><strong>是否要删除所选资料？</strong></div>
                    <p class="describe">删除后，该无法恢复数据</p>
                </div>
            </div>

            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-danger layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 新建文件 -->
    <div id="new-file-layer" style="display: none;">
        <div class="dialog">
            <form class="layui-form" action="">
                <div class="layui-row" style="width: 520px;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">位置</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">名称</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input" placeholder="输入内容">
                        </div>
                    </div>
                </div>

            </form>

            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 权限 -->
    <div id="auth-layer" style="display: none;">
        <div class="dialog">
            <form class="layui-form" action="#">
                <div class="layui-row" style="width: 520px;min-height: 400px;">
                    <div class="layui-form-item">
                        <label class="layui-form-label">查看权限</label>
                        <div class="layui-input-block auth-select">
                            <button class="layui-btn">所有人员</button>
                            <button class="layui-btn layui-btn-primary" data-tag="appoint">指定人员</button>
                        </div>
                    </div>
                    <div class="layui-form-item appoint" style="display: none;">
                        <label class="layui-form-label required">指定人员</label>
                        <div class="layui-input-block">
                            <div id="demo1"></div>
                        </div>
                    </div>
                </div>

            </form>

            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 详情 -->
    <div id="details-layer" style="display: none;">
        <div class="dialog">
            <div class="details-record">
                <ul>
                    <li>
                        <div class="title">
                            <span>郁闷的橘子</span>
                            <span>2023-04-19 11:20:00</span>
                        </div>
                        <div class="describe">
                            预览了文件
                        </div>
                    </li>
                    <li>
                        <div class="title">
                            <span>郁闷的橘子</span>
                            <span>2023-04-19 11:20:00</span>
                        </div>
                        <div class="describe">
                            预览了文件
                        </div>
                    </li>

                </ul>
            </div>
            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>

</body>
<!-- 工具栏模板 -->
<script type="text/html" id="operate-btn">
    <div class="operate-btn">
      <i class="iconfont use-down layui-btn btn-text"></i>
      <i class="iconfont use-preview layui-btn btn-text"></i>
      <i class="iconfont use-diandian layui-btn btn-text more"></i>
    </div>
  </script>
<script type="text/html" id="operate-btn2">
    <div class="operate-btn">
      <i class="iconfont use-down layui-btn btn-text"></i>
      <i class="iconfont use-limits layui-btn btn-text"></i>
      <i class="iconfont use-diandian layui-btn btn-text more"></i>
    </div>
  </script>
<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var dropdown = layui.dropdown;
        var element = layui.element;

        // 已知数据渲染
        var inst = table.render({
            elem: '#ID-table-demo-data',
            id: 'ID-table-demo-data', // 自定义 id 索引
            cols: [[ //标题栏
                { type: 'checkbox' },
                {
                    sort: true, field: 'id', title: '资料名称', align: 'center',
                    templet: '<div style="display:flex;align-items: center;"><i class="iconfont use-docx" style="color:#1296DB;font-size:28px"/>资料名称.docx</div>'
                },
                { sort: true, field: 'username', title: '资料类型', align: 'center' },
                { sort: true, field: 'username', title: '资料格式', align: 'center' },
                { sort: true, field: 'username', title: '大小', align: 'center' },
                { sort: true, field: 'username', title: '上传时间', align: 'center' },
                { sort: true, field: 'username', title: '上传人员', align: 'center' },
                { fixed: 'right', minWidth: 200, title: '操作', align: 'center', toolbar: '#operate-btn' }
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }, {
                "id": "10002",
                "username": "张三2",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12",
                "LAY_CHECKED": true
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10004",
                "username": "张三4",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "777"
            }, {
                "id": "10005",
                "username": "张三5",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "86"
            }, {
                "id": "10006",
                "username": "张三6",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12"
            }, {
                "id": "10007",
                "username": "张三7",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "16"
            }, {
                "id": "10008",
                "username": "张三8",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "106"
            }],
            skin: 'nob', // 表格风格
            //even: true,
            maxHeight: 'full-440',
            page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'limit',], //自定义分页布局
            },
            
            limit: 10 // 每页默认显示的数量
        });

        var inst = table.render({
            elem: '#ID-table-demo-data2',
            id: 'ID-table-demo-data2', // 自定义 id 索引
            cols: [[ //标题栏
                { type: 'checkbox' },
                {
                    sort: true, field: 'id', title: '资料名称', align: 'center',
                    templet: '<div style="display:flex;align-items: center;"><i class="iconfont use-docx" style="color:#1296DB;font-size:28px"/>资料名称.docx</div>'
                },
                { sort: true, field: 'username', title: '资料类型', align: 'center' },
                { sort: true, field: 'username', title: '资料格式', align: 'center' },
                { sort: true, field: 'username', title: '大小', align: 'center' },
                { sort: true, field: 'username', title: '查看权限', align: 'center' },
                { sort: true, field: 'username', title: '上传时间', align: 'center' },
                { sort: true, field: 'username', title: '上传人员', align: 'center' },
                { fixed: 'right', minWidth: 200, title: '操作', align: 'center', toolbar: '#operate-btn2' }
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }, {
                "id": "10002",
                "username": "张三2",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12",
                "LAY_CHECKED": true
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10004",
                "username": "张三4",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "777"
            }, {
                "id": "10005",
                "username": "张三5",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "86"
            }, {
                "id": "10006",
                "username": "张三6",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12"
            }, {
                "id": "10007",
                "username": "张三7",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "16"
            }, {
                "id": "10008",
                "username": "张三8",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "106"
            }],
            skin: 'nob', // 表格风格
            //even: true,
            maxHeight: 'full-440',
            page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'limit',], //自定义分页布局
            },
            
            limit: 10 // 每页默认显示的数量
        });



        // 右键操作
        dropdown.render({
            elem: $('.more'),
            show: false,
            data: [
                { title: '移动', id: 'move-fn' },
                { title: '预览', id: 'preview-fn' },
                { title: '收藏', id: 'BBB' },
                { title: '删除', id: 'del-fn' }
            ],
            click: function (menuData, othis) {
                if (menuData.id === 'move-fn') {
                    layer.open({
                        type: 1,
                        shade: false, // 不显示遮罩
                        content: $('#move-layer'), // 捕获的元素
                        title: '移动到',
                        closeBtn: 1,
                    });
                }

                if (menuData.id === 'del-fn') {
                    layer.open({
                        type: 1,
                        shade: false, // 不显示遮罩
                        content: $('#del-layer'), // 捕获的元素
                        title: false,
                        closeBtn: 0,
                    });
                }
            }
        });

        util.on('lay-on', {
            'new-file': function () {
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#new-file-layer'), // 捕获的元素
                    title: '新建文件夹',
                    closeBtn: 1,
                });
            },
            'auth': function () {
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#auth-layer'), // 捕获的元素
                    title: '查看权限',
                    closeBtn: 1,
                    success: function (layero, index, that) {

                        console.log(element)
                        // 绑定自定义的 tab 元素
                        element.tab({
                            headerElem: '#tabHeader>.layui-btn',
                            bodyElem: '#tabBody>div'
                        });
                    }
                });
            },
            'details-layer': function () {
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#details-layer'), // 捕获的元素
                    title: '详细记录',
                    closeBtn: 1
                });
            },


        })

        // 绑定自定义的 tab 元素
        element.tab({
            headerElem: '#tabHeader>.layui-btn',
            bodyElem: '#tabBody>div'
        });

        element.on('tab(tab)', function (data) {
            table.resize('ID-table-demo-data')
            table.resize('ID-table-demo-data2')
        })

        $('.auth-select .layui-btn').click(function (e) {
            $(this).removeClass('layui-btn-primary')
            $(this).siblings().addClass('layui-btn-primary')
            if ($(this).data("tag") === 'appoint') {
                $('.appoint').show()
            } else {
                $('.appoint').hide()
            }
        })


        var xmSelect = layui.xmSelect
        //渲染数据
        var demo1 = xmSelect.render({
            el: '#demo1',
            data: [
                { name: '水果', value: 1, selected: false },
                { name: '蔬菜', value: 2, selected: false },
                { name: '桌子', value: 3, selected: false },
                { name: '北京', value: 4, selected: false },
            ],
        })
        // 变量, demo1 可以通过API操作
        // 获取选中值, demo1.getValue();
        // 设置选中值, demo1.setValue([{ name: '动态值', value: 999 }])


    });
</script>

</html>